import React, { Component } from 'react';
// import { BrowserRouter, Route, Link } from 'react-router-dom';
import './login.css';
import Pic from '../../../images/icon/register.png';
// 输入框
// import { List, InputItem, WhiteSpace } from 'antd-mobile';
// import { createForm } from 'rc-form';

// import { Button, WingBlank } from 'antd-mobile';

// import register from '../../../api/login/register'
import BasicInputExampleWrapper from './registerBtn'
// class BasicInputExample extends Component {
//   constructor() {
//     super()
//     this.state = {
//       username: '',
//       nickname: '',
//       pwd: '',
//       repwd: ''
//     }
//   }
//   changeName(val) {
//     this.setState({
//       username: val
//     })
//   }
//   changeNickName(val) {
//     this.setState({
//       nickname: val
//     })
//   }
//   changePwd(val) {
//     this.setState({
//       pwd: val
//     })
//   }
//   changeRePwd(val) {
//     this.setState({
//       repwd: val
//     })
//   }
//   submit(){
//     this.props.methods(this.state)
//   }
//   render() {
//     // console.log(this.state)
//     const { getFieldProps } = this.props.form;
//     return (
//       <div>
//         <List renderHeader={() => ''}>
//           <InputItem
//             {...getFieldProps('userName')}
//             clear
//             placeholder="请输入账号"
//             onChange={this.changeName.bind(this)}
//             value={this.state.username}
//           >账号:</InputItem>
//           <InputItem
//             {...getFieldProps('nickName')}
//             clear
//             placeholder="请输入昵称"
//             onChange={this.changeNickName.bind(this)}
//             value={this.state.nickname}
//           >昵称:</InputItem>
//           <InputItem
//             {...getFieldProps('pwd')}
//             clear
//             placeholder="请输入密码"
//             onChange={this.changePwd.bind(this)}
//             value={this.state.pwd}
//           >密码:</InputItem>
//           <InputItem
//             {...getFieldProps('rePwd')}
//             clear
//             placeholder="请确认密码"
//             onChange={this.changeRePwd.bind(this)}
//             value={this.state.repwd}
//           >确认密码:</InputItem>
//         </List>
//         <WhiteSpace />
//         <WingBlank>
//           {/* <Button type="primary">注册</Button><WhiteSpace /> */}
//           <Link  role="button" className="am-button" aria-disabled="false" type="primary" onClick={this.submit.bind(this)} style={{backgroundColor:"rgb(16,142,233)",color:"white"}} to="/home">注册</Link>
//         </WingBlank>
//       </div>
//     );
//   }
// }

// const BasicInputExampleWrapper = createForm()(BasicInputExample);

class Register extends Component {
  constructor() {
    super()
    this.state={
      userName:'',
      nickName:'',
      pwd:'',
      rePwd:''
    }
  }
  info(val){
    this.setState({
      userName:val.username,
      nickName:val.nickname,
      pwd:val.pwd,
      rePwd:val.repwd
    })
    let msg = {
      username:val.username,
      password:val.pwd
    }
    // register(msg)
    //   .then(res=>{
    //     console.log(res)
    //   })
  }
  render() {
    return (
      <div id="main">
        <img className="title" src={Pic} alt="" />
        <h2>
          注册
        </h2>
        <BasicInputExampleWrapper methods={this.info.bind(this)} />
      </div>
    )
  }
}
export default Register